<section class="wrap">

    <section class="main">
        <section class="login-wrap fs13">
            <form id="register_form" class="flex-box flex-col flex-col-stretch flex-between"
                  style="min-height: 100vh;padding:30px 25px 20px;">
                <input type="hidden" name="remember_me" value="1">
                <div>
                    <div class="inp-block flex-box">
                        <i class="ico-login1 block"></i>
                        <input type="tel" id="tel" name="tel" class="flex-grow-1" placeholder="你的手机号">
                    </div>

                    <div class="mt10 inp-block flex-box">
                        <i class="ico-login2 block"></i>
                        <input type="text" id="code" name="code" class="flex-grow-1" placeholder="短信验证码">
                        <a id="send_btn" href="javascript:;" class="flex-grow-0 col6">点击获取</a>
                        <a id="time_count" href="javascript:;" class="flex-grow-0 col9" style="display: none">
                            <span id="count_value">59</span>s后重新获取
                        </a>
                    </div>

                    <div class="mt10 inp-block flex-box">
                        <i class="ico-login3 block"></i>
                        <input type="password" id="password" name="password" class="flex-grow-1"
                               placeholder="密码（字母，数字，至少6位）">
                    </div>

                    <a id="register_btn" href="javascript:;" class="btn btn-primary mt20" id="registerBtn">注　册</a>

                    <div class="mt10 pb20 tc">
                        <label for="agree" class="">
                            <input type="checkbox" id="agree" checked="checked" class="mr5">
                            <span class="colae">我已阅读并同意</span>
                        </label>
                        <a href="javascript:;" data-target="#protocol" class="blue open-popup">《注册协议》</a>
                    </div>
                </div>
                <div class="pt15 mt15 bt">
                    <a href="/login" class="btn btn-outlined">已有账号？登录</a>
                </div>
            </form>
        </section>
    </section>

</section>

<section id="protocol" class="weui-popup-container">
    <div class="weui-popup-overlay"></div>
    <div class="weui-popup-modal bgf">
        <div class="proto-content fs13 col3">
            <p class="fs15 tc pb10">注册协议</p>
        </div>
        <a href="javascript:;" class="close-popup btn btn-primary">确　定</a>
    </div>
</section>